iT邦幫忙

2022 iThome 鐵人賽

DAY 5
0
自我挑戰組

小白網頁設計練成記系列 第 5

小白網頁設計練成記-DAY5-淺談HTML文本格式化

  • 分享至 

  • xImage
  •  

HTML使用標籤"bold"< b >跟"italic"< i >對輸出的文本進行格式,如下列的加粗文本/斜體文本,這些標籤稱之為格式化標籤

加粗文本
斜體文本

通常< strong >及< em >會代替< b >及< i >來使用

雖然< strong >和< b >及的視覺效果一樣都是字體加粗,< em >和< i >都是斜體文本,但是他們的權重不一樣,< b >< i >僅僅是表示「這裡應該用粗體顯示」或者「這裡應該用斜體顯示」,而如果具有高權重的標題/說明/段落,我們使用< strong >,如果只是內容中的強調,則是使用< em > ,下一篇幅會針對這部分著重說明。

[ 以下是各類格式化標籤 ]

文本格式化標籤

<b>      定義區文體
<em>     定義著重文字
<i>      定義斜體字
<small>  定義小號字
<strong> 定義加重語氣
<sub>    定義下標字
<sup>    定義上標字
<ins>    定義插入字
<del>    定義刪除字

計算機輸出標籤

<code> 定義計算機代碼
<kbd>  定義鍵盤碼
<samp> 定義計算機代碼樣本
<var>  定義變量
<pre>  定義預格式文本

引文/引用及標籤定義

<abbr>       定義縮寫
<address>    定義地址
<bdo>        定義文字方向
<blockquote> 定義長的引用
<q>          定義段的引用
<cite>       定義引用/引證
<dfn>        定義一個定義項目

我是結語

今天是鐵人賽的第5天,也是我學習網頁設計的第12天,據說一個習慣需要21天來養成它,那我再16天就可以養成寫部落格的好習慣了~yeah~
今天本來是想寫CSS的題材,要寫的時候就發現自己的基礎框架還是很薄弱,所以就挑一個之前一直都沒有理解過的題材來研究啦~希望這篇文章也有幫助到網頁設計小白的你/妳喔~


上一篇
小白網頁設計練成記-DAY4-淺談區塊元素<div> & <span>
下一篇
小白網頁設計練成記-DAY6-延續前話HTML5 中的 b / strong,i / em 有什么区别?
系列文
小白網頁設計練成記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言